import { onMounted, onUnmounted, ref } from 'vue';

export function useMouse() {
    const x = ref(0);
    const y = ref(0);

    /**
     *
     * @param {MouseEvent} e
     */
    function update(e) {
        x.value = e.pageX;
        y.value = e.pageY;
    }

    onMounted(() => {
        window.addEventListener('mousemove', update);
    });

    onUnmounted(() => {
        window.removeEventListener('mousemove', update);
    });

    return { x, y };
}
